<template>
    <div id="watch">
        <div id="close" @click="$emit('close')"><svg class="icon"><use xlink:href="#icon-cuowu"></use></svg></div>
        <video id="video" controls ref="video" :src="src" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x-webkit-airplay="allow" autoplay></video>
    </div>
</template>

<script>
    export default {
        name: "watch",
        data(){
          return {
              watch_x:0
          }
        },
        props:{
            src:{
                type:String
            }
        },
        watch:{
            watch_show(value){
                window.console.log(value);
            }
        }
    }
</script>

<style scoped lang="less" src="./watch.less"></style>
